
<!DOCTYPE html>
<html lang="en">
<head>
    <title> CSS play | HTML5 and CSS3 | Cat Meowwww! </title>
    <meta charset="utf-8">

    <link rel="stylesheet" href="meow.css">

</head>

<body>
<h1>Meowww!</h1>
<div class="cat">
    <div class="head"></div>
    <div class="body"></div>
    <div class="left-leg"></div>
    <div class="right-leg"></div>
    <div class="left-foot"></div>
    <div class="right-foot"></div>
    <div class="left-ear"></div>
    <div class="right-ear"></div>
    <div class="left-whiskers">
        <div class="w1"></div>
        <div class="w3"></div>
        <div class="w5"></div>
    </div>
    <div class="right-whiskers">
        <div class="w2"></div>
        <div class="w4"></div>
        <div class="w6"></div>
    </div>
    <div class="left-eye"><div class="left-pupil"></div></div>
    <div class="right-eye"><div class="right-pupil"></div></div>
    <div class="tail"></div>
    <div class="mouth">
        <div class="tooth-tl"></div>
        <div class="tooth-tr"></div>
        <div class="tooth-bl"></div>
        <div class="tooth-br"></div>
        <div class="throat">
            <div class="uvula"></div>
        </div>
        <div class="tongue"></div>
    </div>
</div>
<p>A meowwww! using no graphics, no javascript, just CSS<br>
    Compatible with Mozilla Firefox (5), Safari and Chrome<br>
    (It's a pity that CSS/keyframes cannot trigger sound effects)</p>
<p>
</body>
</html>
